<template>
  <div>
      <div class="wrap">
        <div class="logo">
          <h1>404</h1>
          <p>对不起，没有找到这个页面</p>
          <div class="sub">
            <p><a href="#/system/index">返回首页</a></p>
            </div>
        </div>
      </div>
  </div>
</template>
<style>
body{
  overflow: hidden;
	font-family: 'Metal Mania', cursive;}
body{
	background:#20a0ff;
}	
.wrap{
	margin:0 auto;
	width:100%;
	}
.logo h1{
	font-size:200px;
	color:yellow;
	text-align:center;
	margin-bottom:1px;
	text-shadow:1px 1px 6px #555;
	}	
.logo p{
	color:white;
	font-size:20px;
	margin-top:1px;
	text-align:center;}	
.logo p span{
	color:lightgreen;}	
	
.sub a{
	color:yellow;
	background:#06afd8;
	text-decoration:none;
	padding:5px;
	font-size:13px;
	font-family: arial, serif;
	font-weight:bold;
	}	
.footer{
	color:white;
	position:absolute;
	right:10px;
	bottom:10px;
	}	
.footer a{
	color:yellow;}	
</style>

